<!doctype html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="../../ol_v4.6.5/ol.css" type="text/css">
    <style>
      .map {
        height: 400px;
        width: 100%;
      }
    </style>
    <script src="../../ol_v4.6.5/ol.js" type="text/javascript"></script>
    
   <script src="./TdtSwither.js" type="text/javascript"></script>
    
    <title>天地图控件封装测试</title>
  </head>
  <body>
    <h2>天地图控件封装测试</h2>
    <div id="map" class="map"></div>
    <script type="text/javascript">
      var map = new ol.Map({
        target: 'map',
        view: new ol.View({
          center: [120, 29.5],
          zoom: 10,
          projection: 'EPSG:4326'
        }),
        controls :   ol.control.defaults().extend([
              new TdtSwither()
            ]),
             
      });
    </script>
    
    
     
  </body>
  
   
</html>